<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品优购</title>
    <meta name="keywords" content="keywords"/>
    <meta name="description" content="description"/>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/list.css">
    <link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<!--快捷导航-->
<section class="shortcut">
    <div class="w">
        <ul class="fl">
            <li>品优购欢迎您！&nbsp;</li>
            <li><a>请登录</a>&nbsp;&nbsp;<a class="style_red">免费注册</a></li>
        </ul>
        <ul class="fr">
            <li>我的订单</li>
            <li></li>
            <li class="arrow-icon">我的品优购</li>
            <li></li>
            <li>品优购会员</li>
            <li></li>
            <li>企业采购</li>
            <li></li>
            <li class="arrow-icon">关注品优购</li>
            <li></li>
            <li class="arrow-icon">客户服务</li>
            <li></li>
            <li class="arrow-icon">网站导航</li>
        </ul>
    </div>
</section>
<!--头部模块-->
<header class="header w">
    <div class="logo">
        <h1><a href="index.html" title="品优购">品优购</a></h1>
    </div>
    <div class="sk">
        <img src="./images/sk.png" alt="">
    </div>
    <div class="search">
        <input type="search" placeholder="语言开发">
        <button>搜索</button>
    </div>
    <div class="hotwords">
        <a class="style_red" href="">优惠购首发</a>
        <a href="">亿元优惠</a>
        <a href="">9.9元团购</a>
        <a href="">每满99-30</a>
        <a href="">办公用品</a>
        <a href="">电脑</a>
        <a href="">通信</a>
    </div>
    <div class="shopcar">
        我的购物车
        <i class="count">8</i>
    </div>

</header>

<!--nav导航栏-->
<nav class="nav">
    <div class="w">
       <div class="sk_list">
           <ul>
               <li><a href="#">品优秒杀</a></li>
               <li><a href="#">品优秒杀</a></li>
               <li><a href="#">品优秒杀</a></li>
           </ul>
       </div>
        <div class="sk_com">
            <ul>
                <li><a href="#">女装</a></li>
                <li><a href="#" class="style_red">女鞋</a></li>
                <li><a href="#">女装</a></li>
                <li><a href="#">女装</a></li>
                <li><a href="#">女装</a></li>
                <li><a href="#">女装</a></li>
                <li><a href="#">女装</a></li>
                <li><a href="#">女装</a></li>
                <li><a href="#">更多分类</a></li>
            </ul>
        </div>
    </div>
</nav>

<div class="w sk_container">
    <div class="sk_hd">
        <img src="./upload/bg_03.png" alt="">
    </div>
    <div class="sk_bd">
        <ul class="clearfix">
            <li>
                <img src="upload/list.jpg" alt="">
            </li>
            <li>
                <img src="upload/list.jpg" alt="">
            </li>
            <li>
                <img src="upload/list.jpg" alt="">
            </li>
            <li>
                <img src="upload/list.jpg" alt="">
            </li>
            <li>
                <img src="upload/list.jpg" alt="">
            </li>
            <li>
                <img src="upload/list.jpg" alt="">
            </li>
            <li>
                <img src="upload/list.jpg" alt="">
            </li>
            <li>
                <img src="upload/list.jpg" alt="">
            </li>
            <li>
                <img src="upload/list.jpg" alt="">
            </li>
        </ul>
    </div>
</div>
<!--底部-->
<footer class="footer">
    <div class="w">
        <div class="mod_service">
            <ul>
                <li>
                    <h5></h5>
                    <div class="service-text">
                        <h4>正品保障</h4>
                        <p>正品保障,提供发票</p>
                    </div>
                </li>
                <li>
                    <h5></h5>
                    <div class="service-text">
                        <h4>正品保障</h4>
                        <p>正品保障,提供发票</p>
                    </div>
                </li>
                <li>
                    <h5></h5>
                    <div class="service-text">
                        <h4>正品保障</h4>
                        <p>正品保障,提供发票</p>
                    </div>
                </li>
                <li>
                    <h5></h5>
                    <div class="service-text">
                        <h4>正品保障</h4>
                        <p>正品保障,提供发票</p>
                    </div>
                </li>
                <li>
                    <h5></h5>
                    <div class="service-text">
                        <h4>正品保障</h4>
                        <p>正品保障,提供发票</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="mod_help">
            <dl>
                <dt>服务指南</dt>
                <dd>购物流程</dd>
                <dd>会员介绍</dd>
                <dd>生活旅行/团购</dd>
                <dd>常见问题</dd>
                <dd>大家电</dd>
                <dd>联系客服</dd>
            </dl>
            <dl>
                <dt>服务指南</dt>
                <dd>购物流程</dd>
                <dd>会员介绍</dd>
                <dd>生活旅行/团购</dd>
                <dd>常见问题</dd>
                <dd>大家电</dd>
                <dd>联系客服</dd>
            </dl>
            <dl>
                <dt>服务指南</dt>
                <dd>购物流程</dd>
                <dd>会员介绍</dd>
                <dd>生活旅行/团购</dd>
                <dd>常见问题</dd>
                <dd>大家电</dd>
                <dd>联系客服</dd>
            </dl>
            <dl>
                <dt>服务指南</dt>
                <dd>购物流程</dd>
                <dd>会员介绍</dd>
                <dd>生活旅行/团购</dd>
                <dd>常见问题</dd>
                <dd>大家电</dd>
                <dd>联系客服</dd>
            </dl>
            <dl>
                <dt>服务指南</dt>
                <dd>购物流程</dd>
                <dd>会员介绍</dd>
                <dd>生活旅行/团购</dd>
                <dd>常见问题</dd>
                <dd>大家电</dd>
                <dd>联系客服</dd>
            </dl>
            <dl>
                <dt>帮助中心</dt>
                <img src="./images/wx_cz.jpg" alt="">
                <dd>品优购客户端</dd>
            </dl>
        </div>
        <div class="mod_copyright">
            <div class="links">
                <a href="#">关于我们</a> |
                <a href="#">联系我们</a> |
                <a href="">联系客服</a> |
                <a href="">商家入驻</a> |
                <a href="">营销中心</a> |
                <a href="">手机品优购</a> |
                <a href="">友情链接</a> |
                <a href="">销售联盟</a> |
                <a href="">品优购社区</a> |
                <a href="">品优购公益</a> |
                <a href="">English Site</a> |
                <a href="">Contact U</a>
            </div>
            <div class="copyright">
                地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
                京ICP备08001421号京公网安备110108007702
            </div>
        </div>
    </div>

</footer>
</body>
</html>